@import "../../scss/base";

//全局tips(带*)
.prompt-tips {
  padding: rpx(15) rpx(20);
  @include fc(14, $basicTipColor);
}

.prompt-tips::before {
  display: inline-block;
  content: '*';
  @include fc(13, #FF3B30);
  margin-right: rpx(4)
}

.proxy-rank {
  display: inline-block;
  border: rpx(.5) solid $bgRedColor;
  @include borderRadius(rpx(3));
  @include fc(13, $bgRedColor);
  margin-left: rpx(10);
  padding: 0 rpx(3);
  line-height: rpx(15)
}

//按钮，字体集中区
.cost-status{
  @include boxFlex;
  text-align: right;
  @include fc(13,$redColor)
}
.cost-status--some{
  @include fc(13,$pureBlueColor)
}
.cost-status--succ{
  @include fc(13,$greenColor)
}
.cost-status--fail{
  @include fc(13,$basicTipColor)
}
//版本信息
.version {
  display: inline-block;
  padding: rpx(2) rpx(4);
  @include borderRadius(rpx(2));
  @include fc(13, $basicTitColor);
}

.team-ver {
  background: $bgRedColor
}

.admin-ico {
  background: #85E6F3
}

.create-ico {

  background: $backgroundColor
}

.agent-ico {
  background: #75EA6F
}

.ident {
  height: rpx(16);
  padding: rpx(0) rpx(3);
  margin-right: rpx(6);
  @include borderRadius(rpx(3));
  @include fc(12, $basicTitColor);
  text-align: center;

}

.ident__txt {
  @include fc(12, $basicTipColor);
  min-width: rpx(115);
  @include boxFlex;

}

.ident__edit {
  @include fc(13, $basicTipColor);
}


//-------团队报价单开始-------
.quot-list {
  background: $bodyBgColor;
  padding-bottom: rpx(15);

}

.quot__it {
  border-bottom: rpx(5) solid $pageBgColor;
}

.quot__it:last-child {
  border-bottom: 0;
}

.quot__con {
  @include dispFlexa;
  padding: rpx(12) rpx(15);

}
.quot__con-r{
  @include boxFlex;
  padding-left: rpx(10);

}
.quot__con-li{
  @include dispFlex;
  @include fc(13, $basicTipColor);
  line-height: rpx(22)
}
.quot__con__it{
  padding-right:rpx(10);
}

.quot-name {
  @include fc(15, $mainTitColor);
  line-height: rpx(22);
  padding-right: rpx(8);
  @include lineNum(2)
}


.quot-total{
  @include dispFlex;
  padding: rpx(10) rpx(15);
  border-top: rpx(.5) solid $borderColor;
}
.quot-total-l{
  @include fc(15,$basicTipColor)
}
.quot-total-r{
  @include boxFlex;
}
.quot-total__txt{
  @include fc(13,$basicTipColor);
  padding-left: rpx(8);
}

.delete-btn {
  display: inline-block;
  @include wh(24, 24);
  @include norepBg('empty.png')
}

//------团队报价单结束------



//帮助中心列表
.list-col__it {
  margin-left: rpx(15);
  @include fc(17, $basicFontColor);
  @include dispFlex;
  padding: rpx(10) rpx(15) rpx(10) 0;
  border-bottom: rpx(.5) solid $borderColor
}

.list-col__it-last {
  border-bottom: none
}

.list-col__it-l {
  @include boxFlex;
  @include lineNum(2)
}

.list-col__it-r::after {
  display: inline-block;
  content: ' ';
  @include wh(18, 18);
  @include norepBg('next_d.png');
  position: relative;
  top: rpx(3);
  z-index: $zidxContent;
  transition: all 0.5s ease;
  margin-left: rpx(4)
}

//帮助详情

.faq-tit {
  @include fc(18, $basicFontColor);
  font-weight: bold;
  padding: rpx(20) rpx(15)
}

.faq-con {
  @include fc(16, $basicFontColor);
  line-height: rpx(24)
}

.faq-con__it {
  padding: 0 rpx(15);
}

.faq-head {
  @include fc(18, $basicFontColor);
  font-weight: bold;
  padding: rpx(15);
  text-align: center;
  border-bottom: rpx(1) solid $borderColor;
}

.faq-txt {
  @include fc(16, $basicFontColor);
  line-height: rpx(24);
  letter-spacing: -1px;

}

.faq-txt--first {
  @include fc(16, $basicFontColor);
  line-height: rpx(24);
  padding-top: rpx(20);
  letter-spacing: -1px;
}

.faq-txt--last {
  @include fc(16, $basicFontColor);
  line-height: rpx(24);
  padding-bottom: rpx(20);
  letter-spacing: -1px;
}

.faq-txt-font {
  font-weight: bold
}

.faq-txt-redfont {
  font-weight: bold;
  color: $bgRedColor
}

.faq-txt-red {
  color: $bgRedColor
}

.faq-tit1 {
  @include fc(16, $basicFontColor);
  font-weight: bold;
  padding: rpx(15) 0;
  letter-spacing: -1px;
}

.faq-img {
  width: 100%;
  padding: rpx(20) 0
}

.faq-tip {
  @include fc(18, $bgRedColor);
  font-weight: bold;
  padding: rpx(15) 0
}

.faq-scroll {
  height: rpx(600) !important
}

//全局tips
.common-tipsBox {
  position: relative;
}

.common-tips, .common-ialert {
  display: inline-block;
  @include wh(40, 40)
}

.common-tips {
  @include norepBg('help.png')
}

.common-ialert {
  @include norepBg('i.png', 1, 50%);
  background-position: center center;
}



//仿下选择拉框options
.dropBox {
  padding: rpx(10) rpx(15);
  background: $pageBgColor
}

.drop, .drop--a {
  border: rpx(.5) solid $borderColor;
  padding: rpx(2) rpx(10) rpx(2) rpx(5);
  @include fc(15, $basicFontColor);
  position: relative;
  z-index: $zidxNormal;
  @include dispFlex;
}

.drop::after {
  display: inline-block;
  content: ' ';
  @include wh(18, 18);
  @include norepBg('gengd.png');
  position: absolute;
  right: rpx(5);
  transition: all 0.5s ease;
}

.drop--a::after {
  display: inline-block;
  content: ' ';
  @include wh(18, 18);
  @include norepBg('gengd.png');
  position: absolute;
  right: rpx(5);
  transform: rotate(180deg);
  transition: all 0.5s ease;
}

.drop-txt {
  padding-left: rpx(3);
  //@include boxFlex
}

.drop-li {
  position: absolute;
  top: 100%;
  width: 100%;
  left: 0;
  z-index: $zidxNormal;
  background: $bodyBgColor;
  @include fc(15, $basicFontColor);
  line-height: rpx(24);
  padding: rpx(5) rpx(15);
  @include boxSiz;
  border: rpx(.5) solid $borderColor;
}

//收单宝
.sale-con {
  padding-left: rpx(15);
  border-bottom: rpx(5) solid #EFEFF4;
}

.sale-input {
  margin-left: rpx(6);
  @include fc(16, $basicTitColor);
  line-height: rpx(24)
}

.goods-tit-txt {
  padding-left: rpx(15);
  @include boxFlex;
  @include lineNum(2)
}

.goods-des__txt {
  padding: rpx(10) 0;
  @include fc(14, $mainTxtColor)
}

//售单分享入口
.text-deco {
  text-decoration: line-through
}

.portal {
  padding: 0 rpx(8);
}

.por-con {
  text-align: center;
  padding: rpx(15) 0;
  border-bottom: rpx(.5) solid $lineColor;
  position: relative;
  z-index: $zidxContent;
}

.my-order-btn {
  position: absolute;
  z-index: $zidxContent;
  right: rpx(7);
  top: rpx(15);
  @include fc(14, #4178CB);
}

.my-order-btn1 {
  position: absolute;
  z-index: $zidxContent;
  right: rpx(70);
  top: rpx(15);
  @include fc(14, #4178CB)
}

.por-feed {
  position: absolute;
  z-index: $zidxContent;
  left: 0;
  top: rpx(15);
  line-height: rpx(16);
  opacity: 0.7;
  background: $backgroundColor;
  @include borderRadius(rpx(15));
  min-width: rpx(150);
  padding: rpx(3) rpx(5);
  //overflow: hidden;
  @include fc(12, $basicFontColor);
}

.por-feed__it {
  position: absolute;
  z-index: $zidxContent;
  top: 0;
  width: 100%;
  @include fc(12, $basicFontColor);
}

.por-goods-img {
  @include wh(60, 60);
  margin: 0 auto;
  @include borderRadius(50%)
}

.por-goods-name {
  @include fc(16, $basicFontColor);
  padding-top: rpx(8);
  padding-bottom: rpx(5)
}

.por-goods-txt {
  @include fc(14, $mainTxtColor);
  line-height: rpx(18)
}

.por-li {
  padding: rpx(15) 0;
  text-align: center;
  overflow-x: auto;
  //flex-wrap: nowrap;
  white-space: nowrap;
}

.por__it {
  @include wh(40, 40);
  padding: 0 rpx(5)
}

.col-tipsBox {
  position: relative;
  z-index: $zidxContent;
}

.col__tips {
  position: absolute;
  top: rpx(13);
  left: rpx(75);
  z-index: $zidxContent;
  padding-right: rpx(22)
}

//余额&提现明细列表
.bal-li {
  padding: 0 0 rpx(10) rpx(15)
}

.bal__it, .bal__it2 {
  padding: rpx(15) rpx(15) rpx(15) 0;
  border-bottom: rpx(.5) solid $borderColor
}

.bal__it {
  @include dispFlex;
}

.bal__it:last-child, .bal__it2:last-child {
  border-bottom: none
}

.bal__it-l {
  @include boxFlex;
  @include fc(13, $basicTipColor)
}

.bal__it-r {
  @include fc(20, $basicTitColor)
}

.bal__it-r--a {
  @include fc(20, $bgRedColor)
}

.bal__it-type {
  @include fc(15, $mainTitColor);
}

.bal__it2-p {
  @include dispFlex;
  @include fc(13, $basicFontColor);
  margin-bottom: rpx(6)
}

.bal__it2-p:last-child {
  margin-bottom: 0
}

.bal__it2-p-t {
  @include fc(15, $basicFontColor)
}

.bal__it2-l {
  @include boxFlex;
  padding-bottom: rpx(6);
}

.bal__it2-r {

}

.bal__it2-gray {
  color: $basicTipColor
}

.bal__it2-green {
  color: $wxGreenColor
}

.bal__it2-red {
  color: $bgRedColor
}

.bal__it2-blue {
  color: $defaultLinkColor
}

//上下箭头切换
/* .updown-arrow,.updown-arrow--a{
  padding:rpx(10) rpx(15);
  position: relative
} */
.updown-arrow, .updown-arrow--a {
  position: absolute;
  right: rpx(15);
  top: rpx(10);
  display: inline-block;
  content: ' ';
  @include wh(18, 18);
  @include norepBg('zhank.png');
  transition: all 0.5s ease
}

.updown-arrow--a {
  transform: rotate(180deg)
}

//标准单行单元格
.cellBox {
  background: $bodyBgColor;
}

.cell-title {
  background: $pageBgColor;
  height: rpx(40);
  line-height: rpx(50);
  padding: 0 rpx(15);
  @include fc(13, $basicTipColor);
}

.cell__it {
  @include dispFlex;
  @include fc(16, $basicTitColor);
  padding: rpx(12) rpx(15) rpx(12) 0;
  margin-left: rpx(15);
  border-bottom: rpx(.5) solid $borderColor;
  line-height: rpx(24)
}
.cell__it--pik {
  padding: rpx(7) rpx(15) rpx(7) 0;
}
.cell__it--input {
  padding: rpx(10) rpx(15) rpx(10) 0;

}
.cell__it--small{
  @include fc(14, $basicTitColor);
}

.cell__it:last-child {
  border-bottom: 0
}

.cell-tit {
  @include fc(16, $basicTitColor);
  padding: rpx(10) 0;

}
.cell-tit__tip{
  @include fc(14,$basicTipColor)
}

.cell__it-r {
  @include boxFlex;
  text-align: right;
  font-size: rpx(14);
  color: #888888;

}
.cell__left{
  text-align: left !important;
  padding-left: rpx(10);

}

.cell__it__txt {
  @include fc(13, $basicTipColor);
}

.cell__it__txt1 {
  @include fc(16, $basicTitColor);
}

.cell__it__txt2 {
  @include fc(16, $basicTipColor);
}

.cell__arrow {
  text-align: right;
  //@include fc(13,$basicTipColor);
}

.cell__arrow::after {
  display: inline-block;
  content: ' ';
  @include wh(18, 18);
  @include norepBg('next_d.png');
  position: relative;
  top: rpx(3);
  z-index: $zidxContent
}

.cell__input {
  text-align: left;
}
.cell__input--r {
  text-align: right;
}
.cell__picker{
  position: relative;
  @include dispFlex;
  background: $bodyBgColor;
  border: rpx(.5) solid  $borderColor;
  @include borderRadius(rpx(6));
  padding: 0 rpx(8);
  line-height: rpx(25);
}
.cell__picker__txt{
  @include fc(14, $mainTitColor);
  padding-right: rpx(8);
}
.cell__picker__txt--a{
  @include fc(14, $introColor);
  padding-right: rpx(8);
}


.cell__picker__arrow{
  width:auto;
  line-height: rpx(25);
}
//.picker__arrow{
//  width:auto;
//  position: absolute;
//  top: rpx(1);
//  right: rpx(8);
//}
.cell__picker__arrow::after{
  display: inline-block;
  content: ' ';
  position: relative;
  top:rpx(4);
  @include wh(18, 18);
  @include norepBg('zhank.png');
  transition: all 0.8s ease
}

//单个行
.singleBox {
}

.single__it {
  background: $bodyBgColor;
  line-height: rpx(44);
  height: rpx(44);
  @include fc(17, $basicTextColor);
  text-align: center;
  margin-bottom: rpx(15)
}

.single__it--red {
  @include fc(17, $redColor);
}

//代理审核按钮

.pend-btn-agree {
  background: $backgroundColor;
  @include borderRadius(rpx(5));
  @include wh(56, 30);
  line-height: rpx(30);
  @include fc(14, $mainTitColor);
  text-align: center;
  border: rpx(.5) solid $backgroundColor;
}

.pend-btn-refuse {
  background: $bodyBgColor;
  @include borderRadius(rpx(5));
  @include wh(56, 30);
  line-height: rpx(30);
  @include fc(14, $mainTitColor);
  border: rpx(.5) solid $borderColor;
  text-align: center;
  margin-left: rpx(8);
}

.pend-btn-succ {
  background: $borderColor;
  @include borderRadius(rpx(5));
  @include wh(56, 30);
  line-height: rpx(30);
  @include fc(14, $basicTipColor);
  border: rpx(.5) solid $borderColor;
  text-align: center;
}

//代理授权详情
.auBox {
  padding: rpx(15);
  background: $bodyBgColor;
  @include dispFlexa;
}

.au-con {
  margin-left: rpx(15);
  @include boxFlex
}

.au-t {
  padding-bottom: rpx(15);
  border-bottom: rpx(.5) solid $borderColor;
}

.au-name {
  @include fc(17, $mainTitColor);
  padding-bottom: rpx(7);
}

.au-mobile {
  @include fc(16, $basicFontColor);
}

.au-c {
  padding: rpx(20) 0;
  border-bottom: rpx(.5) solid $borderColor;
}

.au-c__it {
  @include dispFlexa;
  padding-bottom: rpx(7)
}

.au-c__it-l {
  @include fc(14, $basicTipColor);
  min-width: rpx(100);
}

.au-c__it-r {
  @include boxFlex;
  @include fc(14, $basicFontColor);
}

.au-b {
  @include dispFlexa;
  padding-top: rpx(12);
}

//一级下拉栏目
.team-col {
  background: $bodyBgColor;
  position: relative;
  z-index: 3000;
  width: 100%;
  padding: rpx(15) 0;
  @include fc(16, $mainTitColor);
}

.team-col__it {
  @include dispFlex;
  padding: 0 rpx(10);
  margin: 0 rpx(15);
  line-height: rpx(40);
  border: rpx(.5) solid $borderColor;
}

.team-col__it-r {
  @include boxFlex;
  text-align: right;
  padding-right: rpx(24);
}

.team-tit, .team-tit--after, .team-tit--before {
  @include fc(14, $basicTipColor);
  padding: rpx(5) rpx(15);
}

.team-tit--after::after {
  display: inline-block;
  content: '*';
  @include fc(13, #FF3B30);
  margin-left: rpx(8)
}

.team-tit--before::before {
  display: inline-block;
  content: '*';
  @include fc(13, #FF3B30);
  margin-right: rpx(8)
}

.team-arrow, .team-arrow--a {
  padding: rpx(10) rpx(15);
  position: relative;
  z-index: 1000;
}

.team-arrow1, .team-arrow1--a {
  position: relative;
  z-index: 1000;
}

.team-li {
  position: absolute;
  top: 100%;
  width: 92.2%;
  @include boxSiz;
  background: $bodyBgColor;
  margin: 0 rpx(15);
  border: rpx(0) solid $borderColor;
  border-top: 0;

}

.team__it {
  @include boxSiz;
  line-height: rpx(40);
}

.team__it {
  border-bottom: rpx(.5) solid $borderColor
}

.team__it:first-child {
  border-top: rpx(.5) solid $borderColor
}

.team__it:last-child {
  border-bottom: 0
}

.team-arrow::after {
  position: absolute;
  right: rpx(15);
  top: rpx(10);
  display: inline-block;
  content: ' ';
  @include wh(18, 18);
  @include norepBg('zhank.png');
  margin-left: rpx(8);
  transition: all 0.8s ease;
}

.team-arrow--a::after {
  position: absolute;
  right: rpx(15);
  top: rpx(10);
  display: inline-block;
  content: ' ';
  @include wh(18, 18);
  @include norepBg('zhank.png');
  margin-left: rpx(8);
  transition: all 0.8s ease;
  transform: rotate(180deg);
}

.team-arrow1::after {
  position: absolute;
  right: rpx(15);
  top: rpx(10);
  display: inline-block;
  content: ' ';
  @include wh(24, 24);
  @include norepBg('gengd.png');
  margin-left: rpx(8);
  transition: all 0.8s ease;
}

.team-arrow1--a::after {
  position: absolute;
  right: rpx(15);
  top: rpx(10);
  display: inline-block;
  content: ' ';
  @include wh(24, 24);
  @include norepBg('gengd.png');
  margin-left: rpx(8);
  transition: all 0.8s ease;
  transform: rotate(180deg);
}

//返点设置
.setBox {
  padding: rpx(5) rpx(15) rpx(15);
  background: $bodyBgColor;
  border-bottom: rpx(10) solid $pageBgColor
}

.set-title {
  @include fc(16, $basicTitColor);
  line-height: rpx(40);
  text-align: center;
  padding-bottom: rpx(10)
}

.set-title__txt {
  @include fc(16, $basicTipColor);
}

.set-col {
  padding-bottom: rpx(10);
  @include dispFlex;
}

.set-col--first {
  padding-top: rpx(10)
}

.set-col-l {
  @include fc(14, $basicTipColor);
  min-width: rpx(120);

}

.set-col-r {
  @include boxFlex;
  line-height: rpx(39);
  padding-left: rpx(10);
  border: rpx(.5) solid $borderColor
}

.set-col-r__txt {
  @include boxFlex;
  position: relative;
  @include lineNum(1);
  height:rpx(39);
  line-height: rpx(39);
  padding-right:rpx(20);
}

.set-col-r__txt::after {
  position: absolute;
  right: rpx(5);
  top: rpx(8);
  display: inline-block;
  content: ' ';
  @include wh(24, 24);
  @include norepBg('gengd.png');
  margin-left: rpx(8);
  transition: all 0.5s ease
}

//一级下拉栏目
.down-col {
  background: $bodyBgColor;
  position: relative;
  width: 100%;
  @include fc(14, $mainTitColor)
}

.down-col__it {
  @include dispFlex;
  padding: 0 rpx(12);
  line-height: rpx(39);
  border: rpx(.5) solid $borderColor
}

.down-col__it-r {
  @include boxFlex;
  text-align: right;
  padding-right: rpx(24);
}

.down-tit, .down-tit--after, .down-tit--before {
  @include fc(14, $basicTipColor);
  padding: rpx(5) rpx(15);
}

.down-tit--after::after {
  display: inline-block;
  content: '*';
  @include fc(13, #FF3B30);
  margin-left: rpx(8)
}

.down-tit--before::before {
  display: inline-block;
  content: '*';
  @include fc(13, #FF3B30);
  margin-right: rpx(8)
}

.down-arrow, .down-arrow--a {
  position: relative;
  z-index: 1000;
}

.down-li {
  position: absolute;
  top: 100%;
  width: 100%;
  z-index: $zidxPopPanel;
  @include boxSiz;
  background: $bodyBgColor;
  border: rpx(0) solid $borderColor;
  border-top: 0;
  border-radius: rpx(0) rpx(0) rpx(3) rpx(3)
}

.down__it {
  @include boxSiz;
  line-height: rpx(39);
  padding-left: rpx(12)
}

.down__it {
  border-bottom: rpx(.5) solid $borderColor
}

.down__it:first-child {
  border-top: 0
}

.down__it:last-child {
  border-bottom: 0
}

.down-arrow::after {
  position: absolute;
  right: rpx(5);
  top: rpx(7);
  display: inline-block;
  content: ' ';
  @include wh(24, 24);
  @include norepBg('gengd.png');
  margin-left: rpx(8);
  transition: all 0.5s ease
}

.down-arrow--a::after {
  position: absolute;
  right: rpx(5);
  top: rpx(7);
  display: inline-block;
  content: ' ';
  @include wh(24, 24);
  @include norepBg('gengd.png');
  margin-left: rpx(8);
  transition: all 0.5s ease;
  transform: rotate(180deg)
}

//奖励展示栏目
.rewardBox {
  background: $bodyBgColor;
}

.reward-title {
  @include fc(17, $basicTitColor);
  padding: rpx(15);
}

.reward-table {
  //padding-left:rpx(15);
  background: $bodyBgColor;
}

.reward-col {
  background: #F7F7FA;
  border: rpx(0) solid #DBDBDB;
  border-radius: rpx(5) rpx(5) 0 0;
  padding: rpx(15) rpx(10);
  border-bottom: 0;

}



//.reward-edit, .reward-edit--a {
//  @include fc(14, $basicTitColor);
//
//}

.table-rank {
  @include fc(14, $basicTitColor);
  padding: rpx(12) rpx(15) 0 rpx(15);
}

.table-con {
  padding: rpx(12) rpx(15) rpx(15);
}

//.reward-edit::after {
//  display: inline-block;
//  content: ' ';
//  @include wh(18, 18);
//  margin-left: rpx(5);
//  @include norepBg('zhank.png');
//  position: relative;
//  top: rpx(4);
//  transition: all 0.5s ease;
//}
//.reward-edit--a::after {
//  display: inline-block;
//  content: ' ';
//  @include wh(18, 18);
//  margin-left: rpx(5);
//  @include norepBg('zhank.png');
//  position: relative;
//  top: rpx(4);
//  transition: all 0.5s ease;
//  transform: rotate(180deg);
//}


.reward-col__it {
  @include dispFlex;
  line-height: rpx(20);
}

.reward-col__it-l {
  min-width: rpx(100);
  @include fc(14, $basicTipColor);
  padding-right: rpx(10);

}

.reward-col__it-r {
  @include boxFlex;
  @include fc(14, $basicFontColor)
}


.table-tit {
  @include dispFlex;
  @include fc(17, $mainTitColor);
  padding: rpx(10) rpx(15) rpx(10) 0;
  margin-left: rpx(15);
  border-bottom: rpx(.5) solid $borderColor;
}

.table-tit__it {
  @include boxFlex;
  text-align: right
}



.table_col__it {
  float: left;
  margin-right: rpx(8);
  margin-bottom: rpx(8);
  padding: rpx(2) rpx(4);
  @include fc(12, $greenColor);
  border: rpx(.5) solid $greenColor;
  @include borderRadius(rpx(3))
}

.reward-tr {
  @include dispFlex;
  @include fc(13, $basicFontColor);
  border: rpx(.5) solid $borderColor;
  border-bottom: 0;
}

.reward-tr:last-child {
  border-bottom: rpx(.5) solid $borderColor;
}

.reward-td, .reward-th {
  @include dispFlex;
  @include boxFlex;
  height: rpx(40);
  padding: 0 rpx(6);
  border-left: rpx(.5) solid $borderColor
}
.reward-td-o{
  @include dispFlex;
  @include boxFlex;
  flex-direction: column;
  padding: 0 rpx(6);
  height: auto;
  min-height: rpx(50);
  justify-content: center;
  border-left: rpx(.5) solid $borderColor
}
.reward-td-i{
  @include dispFlex;
  @include boxFlex;
  height: auto;
  min-height: rpx(30);
  width: 112%;
  justify-content: center;
  border-bottom: rpx(.5) solid $borderColor
}
.reward-td-i:last-child{
  border-bottom: none;
}


.reward-goods {
  width: 27%;
  @include fc(12, $basicFontColor);
  padding: 0 rpx(8);
  text-align: left;
  letter-spacing: rpx(-1);
  @include lineNum(2)
}

.reward-inputBox {
  padding: rpx(12) rpx(6)

}

.reward-input {
  @include fc(14, $basicFontColor);
  margin: 0 auto;
}

.reward-input-place {
  @include fc(14, $basicTipColor);
}

.reward-th-exp {
  width: 33.1%;
  text-align: center;
  padding: rpx(12) 0;
}

.reward-td-exp {
  width: 33.1%;
  text-align: center;
  padding: rpx(12) 0;
  @include fc(14, $basicFontColor)
}

.reward-td {
  @include fc(14, $basicFontColor)
}

.reward-td:first-child {
  border-left: 0
}

.reward-th:first-child {
  border-left: 0
}

.reward-tit {
  @include dispFlex;
  @include fc(14, $basicTipColor);
  border: rpx(.5) solid $borderColor;
  border-bottom: 0;
}

.reward-tit__it {
  @include boxFlex;
  text-align: left;
  padding: rpx(12);
  border-left: rpx(.5) solid $borderColor
}

.reward-tit__it:first-child {
  border-left: 0;
}

//奖励规则说明
.reward-rule {
  padding: rpx(15);
  background: $pageBgColor;
}
.rule-tit {
  //@include fc(14, $basicTipColor);
  @include fc(14, $basicTitColor);
}
.rule-tit::before {
  display: inline-block;
  content: '*';
  @include fc(13, $redColor);
  margin-right: rpx(8)
}
.ruel__it {
  padding-top: rpx(10);
  //@include fc(14, $basicFontColor);
  @include fc(14, $basicTipColor);
  line-height: rpx(19)
}

//详情用户信息栏（可通用）

.agent-info {
  @include dispFlex;
  margin-left: rpx(15);
  border-bottom: rpx(.5) solid $borderColor;
}

.agent-info-r {
  @include boxFlex;
  margin-left: rpx(12);
  @include fc(16, $basicTitColor);
}

.agent-info__it {
  @include dispFlex;
  padding-right:rpx(15);
  height:rpx(46);
  line-height: rpx(46);

}

.agent-info__it:first-child {
  border-bottom: rpx(.5) solid $borderColor;
}

.agent-info__it-l {
  @include fc(16, $basicTitColor);
}

.agent-info__it-r {
  @include boxFlex;
  text-align: right;
  @include fc(16, $basicTitColor);
}

.agent-info-input {
  @include fc(16, $basicTitColor)
}


//奖金列表

.bonus-li {

}

.bonus-tit {
  padding: rpx(15) rpx(15) rpx(10) rpx(15);
  background: $pageBgColor;
  @include dispFlexa
}

.bonus-tit-l {
  @include boxFlex;
}

.bonus-tit__txt {
  @include fc(12, $basicTipColor);
}

.bonus-tit__num {
  @include fc(28, $bgRedColor);
  padding-top: rpx(3);
}

.bonus-tit-r {

}

.bonus-tit__picker {
  @include dispFlex;
  @include fc(15, $mainTitColor);
  padding-bottom: rpx(25)
}

.bonus-arrow {
  display: inline-block;
  @include wh(18, 18);
  @include norepBg('zhank.png');
  position: relative;
  top: rpx(3);
  margin-left: rpx(4);
  transition: all 0.5s ease;
}

.bonus-arrow--a {
  display: inline-block;
  @include wh(18, 18);
  @include norepBg('zhank.png');
  position: relative;
  top: rpx(3);
  margin-left: rpx(4);
  transition: all 0.5s ease;
  transform: rotate(180deg);
}

.bonus-rule {
  @include dispFlex;
  @include fc(13, $basicFontColor);
  text-align: right;
}
.rule-ico {
  display: inline-block;
  @include wh(24, 24);
  @include norepBg('rule.png');
  margin-right: rpx(3);
}

.bonus__it {
  @include dispFlex;
  margin-left: rpx(15);
  padding: rpx(10) 0;
  background: $bodyBgColor;
  border-bottom: rpx(.5) solid $borderColor;
}

.bonus__it-r {
  @include dispFlex;
  @include boxFlex;
  margin-left: rpx(12);
  padding-right: rpx(15)
}

.bonus-name {
  @include boxFlex;
  @include fc(16, $mainTitColor);

}

.bonus-num {
  @include fc(16, $basicFontColor);
}

//返利详情头部列表
.rebateBox {
  padding: 0 rpx(15);
  background: $pageBgColor;
}

.rebate-t {
  padding: rpx(17) 0;

}

.rebate-t__tit {
  @include fc(20, $mainTitColor);
  padding-bottom: rpx(5)

}

.rebate-t__txt {
  @include fc(14, $basicTipColor);
}

.rebate-t__name {
  @include fc(15, $mainTitColor);
  padding-left: rpx(5)
}

.rebate-b {
  @include dispFlex;
  padding: rpx(15) 0;
  border-top: rpx(.5) solid $borderColor;
}

.rebate-b__it {
  @include boxFlex;
  font-size: rpx(20);
}

.rebate-b__it:last-child {
  padding-left: rpx(20);
  border-left: rpx(.5) solid $borderColor;
}

.rebate-b__txt {
  @include fc(12, $basicTipColor);
  padding-bottom: rpx(5)
}

.rebate-b__num {
  @include fc(20, $mainTitColor);
}

//返利/奖金组成用户列表
.reward-li {
  padding-left: rpx(15);
  background: $bodyBgColor;
}

.reward__it {
  @include dispFlexa;
  padding: rpx(10) rpx(15) rpx(10) 0;
  border-bottom: rpx(.5) solid $borderColor;;
}

.reward__it-r {
  @include boxFlex;
  margin-left: rpx(12);
}

.reward-r__t {
  @include dispFlex;
  padding-bottom: rpx(7)

}

.reward-r__b {
  @include dispFlex;
  @include fc(13, $basicTipColor);
}

.reward-r__name {
  @include boxFlex;
  @include fc(15, $mainTitColor);
}

.reward-r__txt {
  @include fc(13, $basicFontColor);
}

.reward-r__num {
  @include fc(13, #151515);
}

.reward-r__time {
  @include boxFlex;
  @include fc(13, $basicTipColor);
}

.reward__it-arrow {
  @include dispFlex;
  text-align: right;
  @include fc(20, $basicFontColor);
}

.reward-arrow {
  display: inline-block;

}

.reward-r__l {
  @include boxFlex;
}

.reward-name {
  @include fc(15, $mainTitColor);
  padding-bottom: rpx(7);
}

.reward-txt {
  @include fc(13, $basicTipColor);
}

//返点明细总览栏目
.bonus-info {
  padding: rpx(12) rpx(15);
  background: $pageBgColor;

}

.bonus-info__time {
  @include fc(15, $mainTitColor);
  padding-bottom: rpx(7);
}

.bonus-info-li {
  @include dispFlex;
}

.bonus-info__it {
  @include boxFlex;
  @include fc(14, $basicTipColor);
}

.bonus-info__it:last-child {
  text-align: right;
}

.bonus-info__num {
  @include fc(15, $mainTitColor);
}

.row-tip {
  color: $basicTipColor;
  font-size: rpx(12);
  padding-bottom: rpx(10)
}

.table__col__it {

}

.table__it-tit {
  @include fc(16, $basicTitColor);
  padding: rpx(15) 0 rpx(5);
}


//团队详情

.team {
  padding: rpx(20) rpx(15);

}

.team-t {

}

.team-con {

}

.team-title {
  @include fc(18, $basicTextColor);
  position: relative;
  text-align: center;
}

.team-title::after {
  display: inline-block;
  content: '';
  @include wh(20, 3);
  position: absolute;
  bottom: rpx(-11);
  left: 50%;
  @include formTranslate(translate(-50%, 0));
  background: $basicTextColor

}

.team-txt {
  @include fc(16, $basicFontColor);
  line-height: rpx(26);
  padding-bottom: rpx(15);
}

.team-img {
  margin: 0 auto rpx(15);
}

//登录注册

.loginBox {
  padding: rpx(33) 0 rpx(199);
}

.login__head {
  text-align: center;
  padding-bottom: rpx(26)
}

.login__head-img {
  @include wh(72, 72);
  @include borderRadius(50%);
}

.login__head-tit {
  @include fc(17, $mainTitColor);
  padding-top: rpx(11)
}

.login__head-txt {
  @include fc(13, $basicFontColor);
  padding-top: rpx(11)
}

.login-li {
  padding: rpx(20) rpx(15) rpx(50);

}

.login__it {
  @include dispFlex;
  padding: rpx(5) 0;
  border-bottom: rpx(.5) solid $borderColor
}

.login-picker {
  padding: 0 rpx(8);
  border-right: rpx(.5) solid $borderColor;
  position: relative;
  min-width: rpx(63);
  line-height: rpx(20);

}

.login-picker__txt {
  @include fc(18, $mainTitColor);
  text-align: center;
  padding-right: rpx(8)
}

.login-input {
  @include boxFlex;
  line-height: rpx(36);
  height: rpx(36);
  @include fc(17, $mainTitColor);
  padding-left: rpx(15)

}
.login-send__tit {
  @include fc(17, $mainTitColor);
  width: rpx(80);
  border-right: rpx(.5) solid #DBDBDB;
}

.login-send {
  @include fc(15, $redColor);
  height: rpx(24);
  line-height: rpx(24);
  padding: 0 rpx(3);
  background: $bodyBgColor
}

.login-send--a {
  @include fc(15, $mainTxtColor);
  height: rpx(24);
  line-height: rpx(24);
  padding: 0 rpx(3);
  background: $bodyBgColor
}

.login-btn {
  width: 77.6%;
  margin: rpx(20) auto;
  background: $backgroundColor;
  height: rpx(44);
  line-height: rpx(44);
  text-align: center;
  @include fc(17, $basicTextColor);
  @include borderRadius(rpx(5))
}

.regist-btn {
  width: 89.3%;
  margin: rpx(10) auto;
  background: $backgroundColor;
  height: rpx(44);
  line-height: rpx(44);
  text-align: center;
  @include fc(17, $basicTextColor);
  @include borderRadius(rpx(5))
}

.quick-login {
  opacity: 0.8;
  background: #08BB08;
  color: $fontWhiteColor
}

.code-login {
  //opacity: 0.7;
  background: #FFF5CB;
}

.unbind-btn {
  background: $bodyBgColor;
  border: rpx(.5) solid $borderColor;
}

.regist-login {
  opacity: 0.5;
}

.login-num {
  @include fc(14, $basicTextColor);
  text-align: center;
  padding-top: rpx(15)
}

.login_navigator {
  display: inline-block;
  @include fc(14, $blueColor);
}

//解绑
.account {
  text-align: center;
  border-bottom: rpx(5) solid $pageBgColor;
  padding: rpx(40) 0 rpx(20);
}

.account:last-child {
  border-bottom: 0
}

.account-tit {
  @include fc(17, $mainTitColor);
  padding-bottom: rpx(10);
  padding-top: rpx(5);
}

.account-con {
  padding: rpx(20) 0 rpx(10);
}

.account-txt {
  @include fc(14, $basicTipColor);
}

.login-bind__img {
  @include wh(190, 32);
  padding: rpx(10) 0;
}

//加盟奖金列表
.cost-li {

}

.cost__it {
  @include dispFlexa;
  margin-left: rpx(15);
  padding: rpx(15) rpx(15) rpx(12) 0;
  border-bottom: rpx(.5) solid $borderColor;
}

.cost-con {
  @include dispFlex;
  @include boxFlex;
  padding-left: rpx(12);

}

.cost-con__l {
  @include boxFlex;
}

.cost__l-t {
  @include dispFlex;
  padding-bottom: rpx(5);

}

.cost-name {
  @include fc(16, $mainTitColor);
  margin-right: rpx(5);
}

.cost-rank {
  background: $backgroundColor;
  @include borderRadius(rpx(3));
  @include fc(13, $basicTitColor);
  padding: rpx(2) rpx(4)
}

.cost__l-li {
  @include fc(13, $basicTipColor);
  padding: rpx(2) 0;
}

.cost-num {
  background: $pageBgColor;
  padding-top: rpx(25);
  padding-bottom: rpx(25);
  @include fc(14, $mainTxtColor);
  text-align: center
}

.open-status {
  padding: rpx(6) rpx(15);
  background: $bodyBgColor;
  @include fc(17, $mainTitColor);
  @include dispFlex;
  border-bottom: rpx(10) solid $pageBgColor;
}

.open-status__it {
  @include boxFlex;
  text-align: right
}

//系统价格表
.ver-table {
  border-top: rpx(.5) solid $borderColor;
}

.ver-li {
  border-right: rpx(.5) solid $borderColor;
}

.ver-li:last-child {
  border-right: none;
}

.ver-li--th {
  min-width: rpx(100);
  color: $basicTitColor
}

.ver-it {
  text-align: center;
  padding: rpx(5) 0;
  border-bottom: rpx(.5) solid $borderColor;
  color: $basicTextColor
}

.ver-it--th {
  padding: rpx(10) 0;
  color: $basicTitColor
}

//找客服
.helpBox {
  margin-top: rpx(50);
  text-align: center;
}

.help-tit {
  @include fc(13, $mainTxtColor);
  padding-bottom: rpx(3);
}

.pro-add {
  @include wh(16, 16);
  display: inline-block;
  @include norepBg('pro-add.png', 2);
  margin-right: rpx(8)
}

.gift-rule {
  text-align: center;
  margin: rpx(28) 0;
  @include fc(14, $blueColor)
}

.hint-ico {
  display: inline-block;
  @include wh(18, 18);
  @include norepBg('zengp.png', 2);
}

.hint-tips__tit {
  padding: rpx(15) 0 0 rpx(15);
  line-height: rpx(20);
  @include fc(14, $basicTipColor)
}

.hint-tips-li {
  padding: rpx(15);
  line-height: rpx(20);
  @include fc(14, $basicTipColor)
}

.hint-tips__it {
  padding-bottom: rpx(3);
}
//赠品

.hint-li {
  background: $bodyBgColor;
  padding: rpx(10) rpx(15);
  border-bottom: rpx(10) solid $pageBgColor;
}
.pop-hint-li{
  padding: rpx(20) rpx(15) rpx(10);
  border-bottom: 0 !important;
}
.hint__it{
  @include dispFlexa;
  padding: rpx(10) 0;
  border-bottom: rpx(.5) solid $pageBgColor;
}
.hint__it:last-child{
  border-bottom: 0
}
.hint-title{
  @include dispFlexa;
}
.hint-l{
  @include fc(14, $basicTextColor);
}
.hint-r{
  @include boxFlex;
  @include dispFlexa;
  padding-left: rpx(10);
}
.hint-r-l{
  @include fc(12, $fontWhiteColor);
  background: $redColor;
  @include wh(36, 18);
  text-align: center;
  line-height: rpx(18);
  @include borderRadius(rpx(10));
}
.hint-r-r{
  @include boxFlex;
  padding-left: rpx(10);
}

.hint-tit {
  @include fc(14, $basicTitColor);
  padding-bottom: rpx(5);
}

.hint-cell {
  @include fc(13, $basicTitColor);
}

.hint-cell__it {
  padding-bottom: rpx(4);
}

.empty-view {
  width: 100%;
  height: rpx(100);
  background: $backgroundColor;
}
.empty-view--a {
  height: rpx(64);
}

//代理信息

.proxy {
  position: relative;
  min-height: rpx(205);
  background: $bodyBgColor;
}
.proxy--a{
  min-height: rpx(32);
}

.proxy-con {
  position: absolute;
  top: rpx(-90);
  left: 0;
  right: 0;
  background: $bodyBgColor;
  @include boxSiz;
  margin: 0 rpx(12);
  padding: rpx(15) rpx(15) 0;
  box-shadow: rpx(0) rpx(2) rpx(5) rpx(0) rgba(187, 189, 191, 0.50);
  @include borderRadius(rpx(3))
}
.proxy-con--a{
  top: rpx(-58);
}

.proxy-info {
  @include dispFlex;
  padding-bottom: rpx(15);
}

.pro-info-r {
  @include boxFlex;
  margin-left: rpx(12);
}

.pro-info__t {
  @include fc(18, $mainTitColor);
}

.pro-type {
  display: inline-block;
  margin-left: rpx(6);
  background: $backgroundColor;
  @include borderRadius(rpx(5));
  @include fc(14, $basicTextColor);
  padding: rpx(1) rpx(6);

}

.pro-info__b {
  @include fc(14, $mainTitColor);
  padding-top: rpx(5);
}

.proxy-li {
  padding: rpx(10) 0;
  border-top: rpx(.5) solid $borderColor;
}

.proxy__it {
  @include dispFlexa;
  @include fc(14, $basicTextColor);
  padding-bottom: rpx(8);
}
.proxy__it:last-child {
  padding-bottom: 0
}

.proxy__it-l {
  min-width: rpx(110);
  @include fc(14, $basicTipColor);
}

.proxy__it-r {
  @include boxFlex;
  @include fc(14, $basicTextColor);
}

//代理列表
.proxyBox {
  padding: 0 rpx(15);
  background: $bodyBgColor;
}

.pro-li {
  padding-left: rpx(15);
  background: $bodyBgColor;
}

.pro__it {
  border-bottom: rpx(.5) solid $borderColor;
}

.pro__it:last-child {
  border-bottom: 0;
}

.pro__tit {
  @include dispFlex;
  padding-right: rpx(15);
  line-height: rpx(44);

}

.pro__tit-l {
  @include boxFlex;
  @include fc(16, $mainTitColor);
}

.pro__tit-r {
  @include fc(16, $basicTipColor);
}


.pro__con {

  background: $bodyBgColor;
}


.pro__con__it {
  @include dispFlex;
  margin-left: rpx(15);
  padding:rpx(12) rpx(15) rpx(12) 0;
  border-bottom: rpx(.5) solid $borderColor;
}
.pro__con__it:last-child {
  border-bottom: 0
}

.pro-r {
  @include boxFlex;
  margin-left: rpx(12);
}

.pro-r__it {
  @include dispFlex;
  line-height: rpx(26);
}

.pro__name {
  @include fc(16, $mainTitColor);
  max-width: 55%;
  @include lineNum(2);
}

.pro__phone {
  @include fc(14, $basicTipColor);
}

.pro__text {
  @include boxFlex;
  text-align: right;
  @include fc(14, $basicTextColor);
}
.pro__text__it{
  display: inline-block;
  min-width:rpx(30);

}
.proxy-red{
  color: $redColor;
}


//间隔栏
.spaceBox {
  //padding: 0 rpx(15);
  background: $bodyBgColor;
}

.space-li {
  @include dispFlex;
  padding: rpx(15) 0;
  border-top: rpx(.5) solid $borderColor;
}

.space__it {
  @include boxFlex;
  text-align: center;
  border-right: rpx(.5) solid $borderColor;
}

.space__it:last-child {
  border-right: 0
}

.space__num {
  @include fc(14, $basicTitColor);
  padding-bottom: rpx(5)
}

.space__txt {
  @include fc(12, $basicTipColor);
}

//首页分隔栏
.user-balance {
  @include dispFlex;
  text-align: center;
  padding: rpx(15) 0;
}

.user-balance__it {
  @include boxFlex;
}

.user-balance text {
  display: block;
}

.balance__num {
  @include fc(18, $mainTitColor);
  line-height: rpx(25);
}

.balance__stock {
  @include fc(12, $basicTextColor);
}


//tips
.tipBox{
  padding:rpx(15);

}
.tip-tit{
  @include fc(14,$basicFontColor);
}
.tip-li{
  padding: rpx(5) 0 rpx(10);
}
.tip__it{
  @include fc(14,$mainTxtColor);
  line-height: rpx(22);
}
.tip__it--gary{
  @include fc(14,$mainTxtColor);

  line-height: rpx(22);
}


//tips模块
.tipsBox {
  padding: rpx(18) rpx(15);
  background: $pageBgColor;
}

.tips-tit {
  @include fc(13, $basicTipColor)
}

.tips-li {
  padding-top: rpx(5)
}

.tips__it {
  @include fc(13, $mainTxtColor);
  line-height: rpx(20);
}

//疑问tips
.nav__tips {
  position: absolute;
  top: rpx(13);
  right: rpx(20);
  z-index: $zidxContent;
  padding-right: rpx(22);
  padding-left: rpx(10);
}

.nav__tips-ico {
  display: inline-block;
  @include wh(18, 18);
  @include norepBg('yiwen-w.png');
}

.nav__tips__txt {
  @include fc(13, #151515);
  line-height: rpx(16);
}

.nav__tips__tit {
  @include fc(13, $basicFontColor);
  font-weight: bold;
}

//单个picker
.pickBox {
  background: $bodyBgColor;
  width: 100%;
  height: rpx(40);
  line-height: rpx(40);
  @include dispFlex;
}

.pick__it {
  position: relative;
  @include boxFlex;
  padding:0 rpx(15);
  height: rpx(40);
  line-height: rpx(40);
  @include fc(16,$basicTitColor);
  border-bottom:rpx(.5) solid $borderColor;


}
.pick__it-txt {
  @include boxFlex;
  @include boxSiz;
  @include lineNum(1);
  padding-right: rpx(25);
  height: 100%;
  line-height: rpx(40);
  font-size: rpx(15)
}

.pick__it-arrow{
  position: absolute;
  right: rpx(15);
  top: rpx(10);
  display: inline-block;
  content: ' ';
  @include wh(18, 18);
  @include norepBg('zhank.png');
  transition: all 0.5s ease
}










//运费补交

.payBox{
  background: $pageBgColor;
  padding:rpx(10) rpx(10) 0;
}
.pay{
  position: relative;
  @include norepBg('yf-bg.png',2);
  padding: rpx(30) rpx(30) rpx(25);
}
.pay-tit{
  @include fc(17,$basicTitColor);
  line-height: rpx(30);
}
.pay-con{
  height:rpx(100);
  padding: rpx(15);
}
.pay__it{
  @include dispFlex;
  @include fc(14,$basicFontColor);
  padding-bottom:rpx(10);

}

.pay-foot{
  text-align: right;
  @include fc(13,$basicTipColor)
}
.pay-input{
  @include boxFlex;
  max-width: 60%;
  height:rpx(36);
  line-height: inherit;
  border:rpx(.5) solid $borderColor;
  margin-right:rpx(10);
  padding-left:rpx(5);
}
.pay-price{
  @include fc(22,$redColor);
  margin-right:rpx(10);
}
.pay-status{
  position: absolute;
  top:rpx(37);
  right:rpx(30);
}
.pay-status--un{
  color: $redColor;

}
.pay-status--succ{
  color: $wxGreenColor;
}
//奖金发放明细列表
.fundBox{
  background: $bodyBgColor;

}
.fund-title{
  @include dispFlex;
  line-height: rpx(50);
  padding:0 rpx(15);
  border-bottom: rpx(.5) solid $borderColor;
}
.fund-title-l{
  @include boxFlex;
  @include fc(18,$redColor);
}
.fund-status{
  @include fc(18,$redColor)
}

.fund-status--succ{
  @include fc(18,$greenColor)
}
.fund-status--fail{
  @include fc(18,$basicTipColor)
}
.fund-title-r{
  @include fc(20,$mainTitColor)
}

.fund-li{
  padding:rpx(20) rpx(15);
}
.fund__it{
  @include dispFlex;
  line-height: rpx(30);
}
.fund__it-l{
  @include boxFlex;
  @include fc(14,$basicTipColor)
}
.fund__it-r{
  @include fc(14,$basicTitColor)
}
.fund-btn{
  margin:rpx(50) rpx(15) 0;
  background: $backgroundColor;
  height:rpx(40);
  line-height: rpx(40);
  @include borderRadius(rpx(5));
  text-align: center;
  @include fc(18,$basicTextColor)
}
.fund-btn--succ{
  background: #D7D7DB;
  @include fc(18,$mainTxtColor)
}

//提现info
.cash-info{
  padding: rpx(10) rpx(15);
  background: $bodyBgColor;
}
.cash-info__it{
  @include dispFlex;
  line-height: rpx(24);
}
.cash__it-l{
  min-width:rpx(70);
  @include fc(13,$basicTipColor);
}
.cash__it-r{
  @include boxFlex;
  @include fc(13,$basicFontColor);
}


//升级审核列表
.pend-li{
  padding:0 rpx(15);
  background: $bodyBgColor;
}
.pend__it{
  @include dispFlexa;
  padding-top: rpx(15);
}
.pend__r{
  @include boxFlex;
  margin-left:rpx(12);
  padding-bottom:rpx(8);
  border-bottom:rpx(.5) solid $borderColor
}
.pend__r-t{
  @include dispFlexa;
}
.pend__r-b{
  padding-top:rpx(3);

}
.pend-t-l{
  @include boxFlex;
}
.pend-name{
  @include fc(17,$mainTitColor );
  padding-bottom:rpx(8);
  padding-top:rpx(3);
}
.pend__txt{
  @include fc(13,$basicFontColor );
  padding-bottom:rpx(7);
}
.pend__time{
  @include fc(13,$basicTipColor );
}



//代理管理---加盟礼包
//礼包纪录
.record-li{
  background: $bodyBgColor;
  padding-left:rpx(15);
}
.record__it{
  padding:rpx(12) rpx(15) rpx(12) 0;

}
.record-tit{
  @include dispFlex;
  height:rpx(44);
  line-height: rpx(44);
}
.record-tit-l{
  @include dispFlex;
  @include boxFlex;
  @include fc(17,$basicTitColor);
}
.record-name{
  @include fc(17,#2872E0);
  padding-right:rpx(10);
}
.record-fail{
  @include fc(20,$basicFontColor);
}
.record-succ{
  @include fc(20,$redColor);
}
.record-info{
}
.record-info__it{
  @include dispFlex;
  line-height: rpx(25);

}
.record__it-l{
  min-width: rpx(90);
  @include fc(14,$basicTipColor)
}
.record__it-r{
  @include boxFlex;
  @include fc(14,$basicTitColor)
}

//礼包列表
.bagBox{
  padding: 0 rpx(10);
}
.bag-tit{
  @include dispFlex;
  height:rpx(50);
  line-height: rpx(50);
  padding:0 rpx(10);
}
.bag-tit-l{
  @include fc(17,$mainTitColor)
}
.bag-tit-r{
  @include boxFlex;
  text-align: right;
  @include fc(14,$basicTipColor)
}
.cell__arrow:after{
  position: relative;
  top:rpx(4);
}

.bag__it{

  @include fc(15, $basicTitColor);
  border-bottom: rpx(.5) solid $borderColor;
  line-height: rpx(24);
  margin-top:rpx(12);
  background: $bodyBgColor;
  box-shadow: 0 rpx(2) rpx(4) 0 rgba(163,163,163,0.50);
  @include borderRadius(rpx(5))
}

.bag__it:last-child {
  border-bottom: none
}
.bag__it-l{
  min-width:rpx(85);
  @include fc(17,$basicFontColor)
}
.bag__it-r{
  @include boxFlex;
}

//开单 --重选规格
//重选规格弹出框
 .recon{
   padding: rpx(15) 0;
   margin: 0 rpx(15);
   border-bottom: rpx(.5) solid $borderColor;
 }
.recon-tit{
  @include fc(15, $mainTitColor);
  line-height: rpx(20);
  @include lineNum(2);
  padding-bottom: rpx(4);
}
.recon-txt{
  @include fc(14,$basicTipColor);
  line-height: rpx(19);
}
.pop-select-li{
  max-height:rpx(200);
  min-height:rpx(150);
  padding: rpx(15) 0;
  overflow: scroll;

}


.recon__it{
  @include dispFlex;
  background: $pageBgColor;
  padding: rpx(15);
}
.recon__it-l{
  @include fc(14,$mainTitColor)
}
.recon__it-r{
  @include boxFlex;
}
.recon__input{
  background: $bodyBgColor;
  @include fc(16,$redColor);
  height: rpx(36);
  line-height: rpx(36);
  padding-left: rpx(10);
  @include borderRadius(rpx(3))
}

//福利-代理列表

.agency-li{

  background: $bodyBgColor;
  padding-left:rpx(15);
}
.agency__it{
  @include dispFlexa;
  position: relative;
  padding:rpx(15) rpx(15) rpx(10) 0;
  border-bottom:rpx(.5) solid $borderColor;
}

.agency__it-r{
  @include boxFlex;
  padding-left:rpx(10);

}
.agency__it__top{
  @include dispFlex;
  padding-bottom:rpx(10);
}
.agency__name{
  @include boxFlex;
  @include dispFlex;
}
.agency__name-txt{
  @include fc(16,$mainTitColor)
}
.agency__name-rank{
  margin-left:rpx(10);
  @include borderRadius(rpx(3));
  background: $mainBtnColor;
  padding:rpx(1) rpx(5);
  min-width:rpx(30);
  text-align: center;
  @include fc(13,$basicFontColor)
}
.agency__status{
  padding-top: rpx(8);
  @include fc(18,$redColor);
  font-weight: 600;
}
.agency__it__bottom{
  @include dispFlex;
}

//通用title(左右，灰色)
.dress-title{
  @include dispFlex;
  background: #F5F5FA;
  padding: 0 rpx(15);
  height: rpx(40);
  line-height: rpx(40);

}
.dress-title-l{
  @include dispFlex;
  @include boxFlex;

}
.dress-title-l__it{
  @include boxFlex;
}
.dress-title__txt{
  @include fc(14,$basicFontColor)
}
/* 向上的箭头 */
.arrow-top {
  position: absolute;
  font-size: 0;
  line-height: 0;
  border-width: rpx(20);
  border-color: $pageBgColor;
  border-top-width: 0;
  border-style: dashed;
  border-bottom-style: solid;
  border-left-color: transparent;
  border-right-color: transparent;
  top: rpx(-10);
  left: rpx(6);
}
.border-rad-tlr {
  border-top-left-radius: rpx(6);
  border-top-right-radius: rpx(6);
}
.border-rad-blr{
  border-bottom-left-radius: rpx(6);
  border-bottom-right-radius: rpx(6);
}
.flex-lr{
  @include dispFlex;
  justify-content: space-between;
  flex-wrap: nowrap;
}

//通用设置
.statusBox{
  padding-left:rpx(15);
  background: $bodyBgColor;
  border-top: rpx(15) solid $pageBgColor;
}
.status__it{
  @include dispFlex;
  @include fc(15, $basicTitColor);
  padding: rpx(10) rpx(15) rpx(10) 0;
  border-bottom: rpx(.5) solid $borderColor;
  line-height: rpx(24)
}
.status__it:last-child {
  border-bottom: none
}
.status__it-l{
  min-width:rpx(85);
  @include fc(17,$basicFontColor)
}
.status__it-r{
  @include boxFlex;
}
.itemList{
  padding: 0 rpx(15);
  background-color: $bodyBgColor;
}
.list-tit{
  @include dispFlex;
  height:rpx(50);
  line-height: rpx(50);
  border-bottom:rpx(.5) solid $borderColor;
}
.list-tit:last-child {
  border-bottom: none
}

.list-tit-l{
  @include fc(17,$mainTitColor);
  @include dispFlex;
}
.list-tit-r{
  @include boxFlex;
  text-align: right;
  @include fc(14,$basicTipColor)
}
//scroll 上下布局
.contentBox{
  @include dispFlex;
  flex-direction: column;
  width: 100%;
  flex: 1;
  margin-top: rpx(64);
}
.listsBox{
  flex: 1;
  overflow: scroll;
  width: 100%;
  height: 100%;
}

// 默认背景
.bg-default{
  @include norepBg('img-m.png',4);
}
// 素材文件列表公共样式
.contBox{
  background-color: $bodyBgColor;
}
.contBox-a{
  padding: rpx(8) rpx(8);
  background-color: $bodyBgColor;
}
.con-li{
  @include dispFlex;
}
.con-li__item{
  position: relative;
  @include dispFlex;
  width: 31.10%;
  padding: rpx(0) rpx(4) rpx(15) rpx(4);
  flex-direction: column;
}
.con-li__img-box{
  width: 100%;
  height: rpx(112);
  margin-bottom: rpx(10);
  @include dispFlex;
  justify-content: center;
  background-color: #F5F5F7;

}
.con-li__item-img{
  width: 100%;
  height: 100%;
}
.con-li__item-img-a{
  width: rpx(60);
  height: rpx(60);
}
.con-li__item-tit{
  overflow: hidden;
  text-overflow:ellipsis;
  width: 100%;
  white-space: nowrap;
  @include fc(12,#333333);
  line-height: rpx(16);
  text-align: center;

}
.close-icon{
  position: absolute;
  right: 0;
  z-index: 5002;
}
.icon-ad{
  @include norepBg('tianj copy.png',4);
  @include wh(24,24);
}
.des-inp {
  flex: 1;
  text-align: center;
  margin-top: rpx(10);
  margin-bottom: rpx(10);
  border: rpx(.5) solid $borderColor;
  border-radius: rpx(4);
  padding: rpx(10);
}
//文字*号
.goods-tit::after {
  display: inline-block;
  content: '*';
  @include wh(9, 18);
  @include fc(16, $redColor);
  margin-left: rpx(2)
}
// 官网通用列表：左右，上下

.commom-li{
  background:#FFFFFF;
}
.commom-li__it{
  margin-left:rpx(15);
  @include dispFlex;
  align-items: flex-start;
  position: relative;
  flex-wrap: nowrap;
  z-index: $zidxContent;
  padding:rpx(12) rpx(15) rpx(12) 0;
  border-bottom: rpx(.5) solid #DBDBDB;
}
.commom-li__it:last-child{
  border-bottom: none;
}
.commom-li__it--con{
  @include boxFlex;
  margin-left:rpx(10);
  max-width: rpx(256);
  height: rpx(80);
  @include dispFlex;
  align-items: flex-start;
  flex-direction: column;
  justify-content: space-between;
}
.commom-li__it--tit{
  display: block;
  margin-bottom: rpx(6);
  @include fc(17,#333333);
  @include lineNum(2);
  line-height: rpx(24);
  font-weight: bold;
}
.commom-li__it--dis{
  padding-right:0;
  @include fc(14,#777777);
  @include lineNum(1);
  line-height: rpx(20);
}
//商品左右两列上下布局 ：可复用
.listBox {
  background: $pageBgColor;
  padding-bottom: rpx(4);
}
.list-ul {
  @include dispFlexa;

  padding: 0 .65%;
}

.list__li {
  width: 48.5%;
  @include boxSiz;
  background: $bodyBgColor;
  margin: 1.3% .65% 0;
  padding: rpx(10) rpx(10) 0;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  padding-bottom: rpx(4);
}

.list__li-con {
  height: rpx(160);
  margin-bottom: rpx(15);
}

.list__li-img {
  width: 100%;
  height: rpx(160);
}

.list__li-tit {
  @include lineNum(2);
  @include fc(14, $basicTitColor);
  height: rpx(40);
  line-height: rpx(20);
}

// 官网底部导航
.ico{
  @include wh(24,24);
}
.footer {
  height: rpx(49);
  @include dispFlex;
  justify-content: space-around;
  position: fixed;
  bottom: 0;
  left: 0;
  right: 0;
  background-color: #ffffff;
  box-shadow: 0 0 0 0 #DBDBDB;
  border-top: rpx(.5) solid $pageBgColor;
  z-index: 1000000;
}
.footer-item{
  @include dispFlex;
  flex-direction: column;
  justify-content: space-between;
  flex: 1;
}
.item__tit-a{
  @include fc(10,#2F2F32);
}
.item__tit{
  @include fc(10,#9b9b9b);
}
.tab-icon {
  @include wh(27,27);
}
.icon-home-h{
  @include norepBg('s01h.png',4);
}
.icon-home{
  @include norepBg('s01.png',4);
}
.icon-mall-h{
  @include norepBg('s02h.png',4);
}
.icon-mall{
  @include norepBg('s02.png',4);
}

.icon-ent-h{
  @include norepBg('s03h.png',4);
}
.icon-ent{
  @include norepBg('s03.png',4);
}
.icon-about-h{
  @include norepBg('s04h.png',4);
}
.icon-about{
  @include norepBg('s04.png',4);
}
// 视频图背景
.play-icon{
  @include wh(40,40);
  @include norepBg('play-icon.png',4);
}
.video-rel{
  position: relative;
}
.video-abs{
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%,-50%);
  -webkit-transform: translate(-50%,-50%);
  -moz-transform: translate(-50%,-50%);
  -ms-transform: translate(-50%,-50%);
  -o-transform: translate(-50%,-50%);
}
// 进度条
.proBox{
  @include dispFlex;
  background-color: $bodyBgColor;
}
.loading--btn{
  @include wh(24,48);
}
.progress{
  flex: 1;
}